<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style3.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
        <a class="navbar-brand ws" href="#"><img src="img/logo.png" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active lp">
                    <a class="nav-link" href="#"><input type="text" placeholder="黑龙0.3秒"><a href=""><i><img src="img/sousuo.png" alt=""></i></a>
                        <span class="sr-only">(current)</span></a>
                </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <ul>
                    <li><a href="">客服中心</a></li>
                    <li><a href="">招贤纳士</a></li>
                    <li><a href="">会员中心</a></li>
                    <li class="bs"><a href="">登录</a></li>
                </ul>
            </form>
        </div>
    </div>
</nav>
<div class="hard">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="mq">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="index2.html">榜单</a></li>
                        <li><a href="index3.html">下载客户端</a></li>
                        <li><a href="">更多</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <div class="mq-1">
                    <ul>
                        <li><img  class="lc" src="img/n1.png" alt=""><img class="cl" src="img/n4.png" alt=""><a href="">音乐直播</a></li>
                        <li><img  class="lc" src="img/n2.png" alt=""><img class="cl-1" src="img/n5.png" alt=""><a href="">酷狗LIVE</a></li>
                        <li><img  class="lc" src="img/n3.png" alt=""><img class="cl-2" src="img/n6.png" alt=""><a href="">音乐人</a></li>
                        <li><img  class="lc" src="img/n7.png" alt=""><img class="cl-3" src="img/n8.png" alt=""><a href="">成为主播</a></li>
                        <li><img  class="lc" src="img/n9.png" alt=""><img class="cl-4" src="img/n10.png" alt=""><a href="">商城</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="wd">

    <div class="container">
    <span style="color: #999999">我的位置：<a style="color: #999999" href="">首页></a><a style="color: #999999" href="">下载客户端</a></span>
    </div>
    </div>
    <main>
        <div class="container">

            <div class="sl">
                <div class="row">
                    <div class="col-md-4">

                        <div class="sl-1">
                            <div class="kp">
                                <span class="yf">V 8.3.73</span>
                            </div>
                           <div class="hi">
                               <p><a href=""><img src="img/c17.png" alt=""></a></p>
                           </div>
                           <div class="sl-3">
                               <h5>酷狗PC版</h5>
                               <p>更改日期：2019.04.30</p>
                           </div>
                            <div class="sl-2">
                                <a href=""><img src="img/xz.png" alt=""></a>
                                <a href="">立即下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="sl-1">
                            <div class="kp">
                                <span class="yf">V 9.2.5</span>
                            </div>
                            <p><a href=""><img src="img/c18.png" alt=""></a></p>
                            <div class="sl-3">
                                <h5>酷狗Android版</h5>
                                <p>更改日期：2019.06.25</p>
                            </div>
                            <div class="sl-2">
                                <a href=""><img src="img/xz.png" alt=""></a>
                                <a href="">立即下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="sl-1">
                            <div class="kp">
                                <span class="yf">V 9.2.1</span>
                            </div>
                            <p><a href=""><img src="img/c19.png" alt=""></a></p>
                            <div class="sl-3">
                                <h5>酷狗iPhone版</h5>
                                <p>更改日期：2019.05.29</p>
                            </div>
                            <div class="sl-2">
                                <a href=""><img src="img/xz.png" alt=""></a>
                                <a href="">立即下载</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="fh">
            <img src="img/k35.png" alt="">
            <div class="fh">
                <span>返回顶部</span>
            </div>
        </div>
    </main>
<div class="main-1">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                    <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c15.jpg" alt=""></a>
                    </div>
                        <div class="fk">
                            <div class="yy-2">
                                <a href="">酷狗音乐iPad版</a>
                                <p>更新日期：2019.12.11</p>
                            </div>
                            <div class="yy-3">
                                <a href="">下载</a><span>3.1.0</span>
                            </div>
                        </div>

                    </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c14.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗音乐Mac版</a>
                            <p>更新日期：2019.12.11</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>3.1.0</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c14.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗音乐UWP版</a>
                            <p>更新日期：2019.6.14</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>2.9.2</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c12.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗音乐TV版</a>
                            <p>更新日期：2018.7.28</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>1.3.8</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c16.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗音乐 车载版</a>
                            <p>更新日期：2019.06.6</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>1.1.1</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c9.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">VIPER HiFi（PC）版</a>
                            <p>更新日期：2019.6.26</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>1.0.2</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c9(1).jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">VIPER HiFi版</a>
                            <p>更新日期：2018.02.02</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>V 1.0.20</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c11.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗直播Android</a>
                            <p>更新日期：2019.04.24</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>V 2.0.8</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c11(1).jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗直播iOS</a>
                            <p>更新日期：2018.7.24</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>3.97.30</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c3.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷FM安卓版</a>
                            <p>更新日期：2018.7</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>V 3.97.2</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c1.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷FM iOS版</a>
                            <p>更新日期：2016.02.03</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>V 4.0.3</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="yy">
                    <div class="yy-1">
                        <a href=""><img src="img/c4.jpg" alt=""></a>
                    </div>
                    <div class="fk">
                        <div class="yy-2">
                            <a href="">酷狗收音机PC版</a>
                            <p>更新日期：2016.02.06</p>
                        </div>
                        <div class="yy-3">
                            <a href="">下载</a><span>V 4.0.2</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    <footer>
        <div class="container">
            <div class="gy">
                <ul>
                    <li><a href="">关于酷狗</a></li>
                    <li><a href="">监督举报</a></li>
                    <li><a href="">广告服务</a></li>
                    <li><a href="">版权指引</a></li>
                    <li><a href="">隐私政策</a></li>
                    <li><a href="">用户服务协议</a></li>
                    <li><a href="">推广合作</a></li>
                    <li><a href="">酷狗音乐人</a></li>
                    <li><a href="">酷狗音乐推</a></li>
                    <li><a href="">招聘信息</a></li>
                    <li><a href="">客服中心</a></li>
                    <li><a href="">用户体验提升计划</a></li>
                </ul>
            </div>
            <div class="gu-1">
                <p>我们致力于推动网络正版音乐发展，相关版权合作请联系copyrights@kugou.com</p>
                <p>信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339 <a href=""> 粤ICP备09017694号-2</a></p>
                <p>广播电视节目制作经营许可证（粤）字第01270号&nbsp;&nbsp;&nbsp;&nbsp;营业性演出许可证穗天演440106026</p>
                <p>穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2012-0018 <a href="">粤公网安备 44010602000141号</a></p>
                <p>不良信息举报邮箱：jubao_music@kugou.net 客服邮箱：kefu@kugou.net</p>
                <p>Copyring @ 2004-2019 KuGou-Inc.All Rughts Reserved</p>
            </div>
        </div>
    </footer>
<script>
    //返回顶部
    var t = document.querySelector("#fh");
    window.onscroll = function () {
        console.log(document.documentElement.scrollTop > 30 || document.body.scrollTop > 30);
        if (document.documentElement.scrollTop > 30 || document.body.scrollTop > 30){
            t.style.display = "block";
        }else {
            t.style.display = "none";
        }
    };
    t.addEventListener('click',function () {
        window.scrollTo({
            top:0,
            behavior:'smooth'})
    });
</script>
</body>
</html>